<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./css/common/common.css" />
<link rel="stylesheet" href="./css/upload/upload.css" />
<title>前端进行文件分片上传</title>
</head>
<body>
<div class="side-bar">
	<div><a href="./upload.html">前端进行文件分片上传</a></div>
</div>
<div class="content-space">
	<div class="upload-area">
		<div class="input-div">
			<input id="fileInput" type="file"/>
		</div>
		<div class="input-div">
			<span>存储区域</span><input id="regionCode" type="text" />
		</div>
		<div class="upload-div">
			<button class="demo-btn primary" onclick="uploadFile();">上传</button>
			上传进度：<span id="progress-text">0/0</span>
		</div>
	</div>
	<div class="seperate-line"></div>
	<div class="search-area">
		<div class="search-input">
			<span>视频名称：</span><input type="text" id="searchVideoName"/>
			<span style="margin-left:10px;">存储区域：</span><input type="text" id="searchRegionCode" />
			<button class="demo-btn primary" onclick="search();">搜索</button>
		</div>
	</div>
	<div class="table-block">
		<table>
			<thead>
				<tr>
					<th>视频ID</th>
					<th>视频名称</th>
					<th>存储区域</th>
					<th>状态</th>
					<th>创建时间</th>
				</tr>
			</thead>
			<tbody id="video-list">
			</tbody>
		</table>
	</div>
	<div class="page-block">
		<div class="page-control">
			<span style="font-size: 14px;" id="page-index">第1页</span>
			<button class="demo-btn default" onclick="prePage();">上一页</button>
			<button class="demo-btn default" onclick="nextPage();">下一页</button>
		</div>
	</div>
</div>
</body>
<script src="./js/jquery/jquery-1.10.2.min.js"></script> 
<script src="./js/upload/fileUpload.js"></script> <!-- 文件上传功能js文件 -->
<script src="./js/upload/fileQuery.js"></script> <!-- 文件列表查询js文件 -->
</html>